<template>
  <div id="app">
    <header>
      <h1>盒马</h1>
      <router-link to="/">主页</router-link>|
      <router-link to="/cart">购物车</router-link>|
      <router-link to="/my">我的</router-link>|
      <router-link to="/wz">wz</router-link>
    </header>
    <main>
      <router-view></router-view>
    </main>
    <footer>
      <p>&copy; </p>
    </footer>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}
header {
  background-color: #f2f2f2;
  padding: 10px;
}
main {
  padding: 20px;
}
footer {
  background-color: #f2f2f2;
  padding: 10px;
  text-align: center;
}
</style>
